<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="/finsys/style.css" media="screen"/>
        <title>Consultas sobre Cuentas</title>
    </head>
    <body>
        <h1>Consultas sobre Cuentas</h1>
        <h:form>
            <fieldset>
                <legend>Listado de Titulares</legend>
                <h:panelGrid columns="2">
                    <h:panelGrid columns="2">
                        <h:outputLabel value="# Cuenta:" for="txtNroCuenta" />
                        <h:inputText id="txtNroCuenta" styleClass="inputs" readonly="true"/>

                        <h:outputLabel value="Tipo de Cuenta:" for="txtTipoCuenta" />
                        <h:inputText id="txtTipoCuenta" styleClass="inputs" readonly="true" />

                        <h:outputLabel value="Nombre:" for="txtNombre" />
                        <h:inputText id="txtNombre" styleClass="inputs" readonly="true"/>

                        <h:outputLabel value="Monto:" for="txtMonto" />
                        <h:inputText id="txtMonto" styleClass="inputs" readonly="true" />

                        <h:outputLabel value="Interes:" for="txtInteres"/>
                        <h:inputText id="txtInteres" styleClass="inputs" readonly="true"/>

                        <h:outputLabel value="Nro.Cuotas:" for="txtNroCuotas"/>
                        <h:inputText id="txtNroCuotas" styleClass="inputs" readonly="true"/>

                        <h:outputLabel value="Periodo Pago:" for="txtPeriodo"/>
                        <h:inputText id="txtPeriodo" styleClass="inputs" readonly="true"/>
                    </h:panelGrid>
                    <h:panelGrid columns="1">
                        <t:dataTable id="tblTitulares" style="border:1px;"
                                value="#{ConsultasController.listado}"
                                 var="item">
                            <h:column>
                                <f:facet name="header"><h:outputText value="Nro.Documento"/></f:facet>
                                <h:outputText value="" />
                            </h:column>
                            <h:column>
                                <f:facet name="header"><h:outputText value="Tipo Documento"/></f:facet>
                                <h:outputText value="" />
                            </h:column>
                            <h:column>
                                <f:facet name="header"><h:outputText value="Nombre"/></f:facet>
                                <h:outputText value="" />
                            </h:column>
                        </t:dataTable>
                    </h:panelGrid>

                    <h:panelGroup>
                        <h:commandButton value="Imprimir Reporte" action="#{CreditosController.Operacion}" />
                        <h:commandButton value="Volver" action="volver" />
                    </h:panelGroup>

                </h:panelGrid>
            </fieldset>
        </h:form>
    </body>
</html>
</f:view>
